<template>
	<view>
		<!--
		#ifdef: if defined 仅在某平台存在
		#ifndef: if not defined 除了某平台均存在
		%PLATFORM%: 平台名称
		
		%PLATFORM%可取值如下:
		平台: 取值
		App: APP-PLUS
		App nvue: APP-PLUS-NVUE
		H5: H5
		微信小程序: MP-WEIXIN
		支付宝小程序: MP-ALIPAY
		百度小程序: MP-BAIDU
		字节跳动小程序: MP-TOUTIAO	
		QQ小程序: MP-QQ	
		360小程序: MP-360	
		微信小程序/支付宝小程序/百度小程序/字节跳动小程序/QQ小程序/360小程序: MP
		-->
		<!-- 条件编译是利用注释实现的，在不同语法里注释写法不一样，js使用//注释、css使用/*注释 */、vue/nvue模板里使用<!— —注释— —> -->
		<view>通过条件编译实现uni-app的跨端兼容</view>
		<!-- #ifdef H5 -->
		<view>只在H5平台中显示</view>
		<!-- #endif -->

		<!-- #ifdef MP-WEIXIN -->
		<view>---------------------</view>
		<view>只在微信小程序平台中显示</view>
		<!-- #endif -->

		<!-- #ifndef H5 -->
		<view>---------------------</view>
		<view>除了H5平台，其它平台均显示</view>
		<!-- #endif -->

		<!-- #ifdef H5 || MP-WEIXIN -->
		<view>---------------------</view>
		<view>在H5平台或微信小程序平台显示（这里只有||，不可能出现&&，因为没有交集）</view>
		<!-- #endif -->
	</view>
</template>

<script>
export default {
	data() {
		return {};
	},
	methods: {},
	onLoad() {
		// #ifdef MP-WEIXIN
		console.log('只在微信小程序平台中打印');
		// #endif

		// #ifdef H5
		console.log('只在H5平台中打印');
		// #endif
	}
};
</script>

<style>
/* #ifdef MP-WEIXIN */
/* 微信小程序平台字体为粉红色 */
view {
	color: pink;
}
/* #endif */

/* #ifdef H5 */
/* H5平台字体为红色 */
view {
	color: #dd524d;
}
/* #endif */
</style>
